<template>
	<view class="zhyqItem" @click="handle">
		<image :src="leftIcon" class="leftImg"></image>
		<view class="title">{{title}}</view>
		<image src="../../../static/img/ic_arrowgray.png" style="width: 6px;height: 10px;margin-right: 16px;"></image>
	</view>
</template>

<script>
	export default{
		name:'zhyq_cell',
		data(){
			return {
				
			}
		},
		props:{
			leftIcon:{
				type: String,
				default:'/static/img/zhyq/ic_renlianluru.png'
			},
			title:{
				type: String,
				default:''
			}
		},
		methods:{
			handle(){
				this.$emit('click')
			}
		}
	}
</script>

<style lang="scss" scoped>
	.zhyqItem{
		width: calc(100vw - #{32px});
		// width: 100vw;
		height: 72px;
		background-color: white;
		margin-left: 16px;
		margin-top: 16px;
		border-radius: 8px;
		display: flex;
		align-items: center;
	}
	.leftImg{
		width: 24px;
		height: 24px;
		margin-left: 16px;
	}
	.title{
		flex-grow: 1;
		margin-left: 8px;
	}
</style>